<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/common/custom/bootstrap/css/bootstrap.css" rel="stylesheet">

    <link href="/common/custom/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
     <script language=javascript src="/common/js/style.js" type="text/javascript"></script>
    <style type="text/css">
    @media (min-width: 768px) { 
     .sb-fixed{
        position: fixed;
        } 
     }
    input {
        max-width: 90%;
    } 
    body {
        padding: 0;
        margin: 0;
    } 




      
    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->


  </head>

<body>

<!--navbar_top-->
       <div class="navbar navbar-top pull-center ">
        <div class="navbar-inner">
          <ul class="nav" >
            <li><a href="#">О&nbsp;книге</a></li>
            <li><a href="#">О&nbsp;библиофильстве</a></li>
            <li><a href="#">Справочники</a></li>
            <li><a href="#">Правила</a></li>
            <li><a href="#">Оплата&nbsp;и&nbsp;доставка</a></li>
            <li><a href="#">Новости</a></li>
            <li><a href="#">Обратная связь</a></li>
            <li><a href="#">Личная страница</a></li>
            <li><a href="#">Карта сайта</a></li>

            
          </ul>
        </div>
       </div>
<!--/navbar_top-->




<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      
      <a href="#" class="thumbnail">
        <img  alt="RareBooks.ru - антикварный интернет-магазин" src="/common/img/logo.gif" width='100%'>
        <img src="/common/img/zag/i_cat.gif" width='100%' alt="">
      </a>
      
      
      <ul class="nav nav-list">
        <li class="nav-header"><a href="#">Поэзия</a></li>
        <li class="active"><a href="#">Проза</a></li>
        <li><a href="#">Поэзия</a></li>
        <li class="nav-header">История</li>
          <li><a href="#">Древняя</a></li>
          <li><a href="#">Русская</a></li>
      </ul>
      <a href="#" class="thumbnail">
        <img width='100%' alt=""  src="/common/img/contacts.gif" >
      </a>

    </div>
 
    <div class="span7">


      <div class='container-fluid'>


      <ul class="nav nav-tabs">
        <li class="active"><a href="#">Беллетристика</a></li>
        <li><a href="#">Русская. Проза</a></li>
        <li><a href="#">Русская.Поэзия</a></li>
      </ul>






      <div class="pagination">
        <ul>
          <li><a href="#">Предыдущая</a></li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">Следующая</a></li>
        </ul>
      </div>
      <!--Body content-->
      {% for book in goodies %}
        <div class='container-fluid'>
        <div class='row-fluid'>
        <div class='span2'>
           <a href="#" class="thumbnail">
           <img src="http://127.0.0.1:8000/media/cache/6b/ae/6bae7829eccde453eccb609cee8e70b3.jpg" width='100%'>
           <img src="/common/img/but/add3.gif" width='100%' alt="положить в корзину">
         
           </a>
          
        </div>

         <div class='span10'>

         <span class="zag"><a href="/ru/history/foreign-new/index.php?id23=10087"> {{book.name}}</a></span>
         <br>
         <span class="author">{{book.author}}</span>
         <br>
         <span class="search">{{book.year}}г.</span>
         <br>
         <img src="/common/img/bul/bul_1.gif"  alt="">
         <a href="/ru/history/foreign-new/index.php?id23=10087">Подробнее</a>
         <br>
         <img src="/common/img/zag/i_price.gif"  >
         <span class="price1">{{book.price}}.00 руб.</span>
       </div>
     </div>
   </div><br><br>
     {% endfor %}




    </div>
  </div>

    

     <div class="span3">
        <!--right content-->
        <!--login form-->


        <div class='container-fluid'>
        <div class='well'>
        <form>
          <fieldset>
                 
            <input type="text" placeholder="емайл" type="email" class='input-block-level' required>
            <input type="password" placeholder="пароль"         class='input-block-level' required>
            <label class="checkbox">
              <input type="checkbox"> Чужой компьютер
            </label>
            <span class="help-block">Войдите, или <a href='#'>зарегестрируйтесь</a></span>
            <button type="submit" class="btn">Войти</button>
          </fieldset>
        </form>
      </div>
     
      
      
        <!--/login form-->
        <!--alredy_logged_in-->
        <div class='well'>
          Добро пожаловать:<br>
          <a href='#'>USERNAME<a>
           <table class="table">
           
           <tr>
            <td>В вашей <a href='#'>корзине</a> книг:</td>
            <td>0</td>  
           </tr>

          <tr>
            <td>На сумму:  </td>
            <td>0.00</td>  
           </tr>
           <tr><td><a href='#'>Выйти<a></td></tr>
           </table>
           
       </div>
        <!--/alredy_logged_in-->

        <!--search form -->
         <form>
          <fieldset>
            <legend>Поиск</legend>      
            <input type="text" class='input-block-level'   required>
            <span class="help-block">Введите ключевые слова</span>
      
            <button type="submit" class="btn">Искать</button>
          </fieldset>
        </form>


        <!--/search form -->
      </div>

      


</body>
</html>


